<!--
 * @Author: your name
 * @Date: 2023-04-12 14:48:18
 * @LastEditTime: 2023-04-14 14:27:22
 * @LastEditors: DESKTOP-4QFD9PO
 * @Description: In User Settings Edit
 * @FilePath: \ClothMes\src\views\DyeingFactoryPartsCost\RanChangJianZi\BasicData.vue
-->
<template>
    <div class="main-container">
        <div style="background-color: #fff; height:100%" id="customProp">
            <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                <a-tab-pane key="1" title="进出布时间设定">
                    <div style="height: 100%;">
                        <IncomingAndOutgoingTime></IncomingAndOutgoingTime>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="2" title="染色标准工艺时间设定">
                    <div style="height: 100%;">
                        <StandardProcessTime></StandardProcessTime>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="3" title="染色直通奖设定">
                    <div style="height: 100%;">
                        <DyeingDirectAwardSetting></DyeingDirectAwardSetting>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="4" title="奖捐类型设定">
                    <div style="height: 100%;">
                        <SettingsForDonationTypes></SettingsForDonationTypes>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="5" title="运输路线计件单价设定">
                    <div style="height: 100%;">
                        <UnitPriceSetting></UnitPriceSetting>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="6" title="车牌号和车型设定">
                    <div style="height: 100%;">
                        <LicensePlateNumberAndModel></LicensePlateNumberAndModel>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="7" title="仓库计件单价设定">
                    <div style="height: 100%;">
                        <WarehousePieceRate></WarehousePieceRate>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="8" title="车间工序计件单价设定">
                    <div style="height: 100%;">
                        <WorkshopProcessPiece></WorkshopProcessPiece>
                    </div>
                </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent, reactive, ref, onMounted } from 'vue'
import emitter from '@/hooks/useEventBus'
import IncomingAndOutgoingTime from './components/IncomingAndOutgoingTime.vue'
import StandardProcessTime from './components/StandardProcessTime.vue'
import DyeingDirectAwardSetting from './components/DyeingDirectAwardSetting.vue'
import SettingsForDonationTypes from './components/SettingsForDonationTypes.vue'
import UnitPriceSetting from './components/UnitPriceSetting.vue'
import LicensePlateNumberAndModel from './components/LicensePlateNumberAndModel.vue'
import WarehousePieceRate from './components/WarehousePieceRate.vue'
import WorkshopProcessPiece from './components/WorkshopProcessPiece.vue'

export default defineComponent({
    name: 'BasicData',
    components: {
        IncomingAndOutgoingTime, StandardProcessTime, DyeingDirectAwardSetting, SettingsForDonationTypes, UnitPriceSetting, LicensePlateNumberAndModel, WarehousePieceRate, WorkshopProcessPiece,
    },
    setup() {

        const pageData = reactive({
            tableIndex: "1"
        })

        const tabsChange = (e: string | number) => {
            emitter.emit('window-change')

        }
        return {
            pageData,
            tabsChange
        }
    }
})
</script>

<style scoped>
.main-container {
    height: 100%;
}

:deep(.ag-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.arco-table-th) {
    border-right: 1px solid var(--color-neutral-3);
}

:deep(.arco-table-td) {
    border-right: 1px solid var(--color-neutral-3);
}
</style>